﻿@page "/docs/extensions/datagrid/features/fixed-header"

<Seo Canonical="/docs/extensions/datagrid/features/fixed-header" Title="Blazorise DataGrid Fixed Header" Description="Learn Blazorise by the example. The table header remains visible as you scroll, making it easy to identify and reference the data in your grid." />

<DocsPageTitle Path="Extensions/DataGrid/Features/Fixed Header">
    Blazorise DataGrid: Fixed Header
</DocsPageTitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="Fixed Header" />
    <DocsPageSectionContent FullWidth Outlined>
        <DataGridFixedHeaderExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridFixedHeaderExample" />
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Scroll To">
        Scroll to API is available when the <Code>DataGrid</Code> <Code>FixedHeader</Code> or <Code>Virtualize</Code> is set.
    </DocsPageSectionHeader>
    <DocsPageSectionContent FullWidth Outlined>
        <DataGridScrollToExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridScrollToExample" />
</DocsPageSection>

<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>